<head>
  <meta name="layout" content="main" />
  <title>Ranking</title>
</head>
<body>
  <div class="nav">
    <span class="menuButton"><a class="home" href="${createLinkTo(dir:'')}">Início</a></span>
  </div>
    <div class="body">
      <h1>Ranking</h1>
      <g:if test="${flash.message}">
      <div class="message">${flash.message}</div>
      </g:if>
      <div class="list">
        <table>
        <thead>
          <tr>
            <g:sortableColumn property="firstname" title="Nome" />
            <g:sortableColumn property="firstname" title="Nome" />
          </tr>
        </thead>
        <tbody>
        <g:each in="${userList}" status="i" var="user">
          <tr class="${(i % 2) == 0 ? 'odd' : 'even'}">
              <td>${user.firstname?.encodeAsHTML()} ${user.surname?.encodeAsHTML()}</td>
          </tr>
        </g:each>
        </tbody>
        </table>
      </div>
    <div class="paginateButtons">
      <g:paginate total="${mz.matafe.bolao.User.count()}" />
    </div>
  </div>
</body>
